<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>点击按钮显示数学的PI：</p>
    <button onclick="myFunc()">点我</button>
    <p id="ppp"></p>
    <p>输入数字返回正弦值</p>
    <input type="text" id="input">
    <button onclick="sinsin()">点我返回正弦值</button>
    <p id="sin"></p>
    <button onclick="randomINT()">点我生成0~100随机数:</button>
    <h3 id="random"></h3>
    <script>
        function myFunc() {
            document.getElementById("ppp").innerHTML = Math.PI;
        }
        //Math.round(x,y)可以四舍五入  用法和其他语言一样 不写了
        //Math.pow(x,y)也是  不写了  这个是次方
        //Math.sqrt(x)是平方根 不写了
        //Math.abs(x)是绝对值 不写了
        //Math.ceil()是向下取整 不写了
        //Math.floor()是向上取整 不写了
        //Math.sin() 是返回指定数字的正弦值 没学过可以写一下


        function sinsin() {
            let inputValue = document.getElementById("input").value;
            let number = parseFloat(inputValue);
            let c = Math.sin(inputValue);
            document.getElementById("sin").innerHTML = c;
        }

        //还有max min的用法
        var maxn = Math.max(5, 2, 12, 4, 1145, 7777, 555);
        var minn = Math.min(5, 2, 12, 4, 1145, 7777, 555)
        document.write("最大值：" + maxn + "<br>" + "最小值：" + minn + "<br>");
        //还有随机值
        function randomINT() {
            var x = Math.round(Math.random() * 101, 0);
            document.getElementById("random").innerHTML = x;
        }
    </script>
</body>

</html>